<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*.outer { height: 100px;}*/
        /*.left { float: left; width: 200px; background: tomato;height: 100px;}*/
        /*.right { margin-left: 200px; width: auto; background: gold;height: 100px;}*/

        /*.left{ width: 100px; height: 200px; background: red; float: left; }*/
        /*.right{ height: 200px; background: blue; overflow: hidden; }*/

        .outer { position: relative; height: 100px; }
        .left { position: absolute; width: 200px; height: 100px; background: tomato; }
        .right { margin-left: 200px; background: gold;height: 100px;}
    </style>
</head>
<body>
<div class="outer">
    <div class="left"></div>
    <div class="right"></div>
</div>


<!--    <div class="left"></div>-->
<!--    <div class="right"></div>-->

</body>
</html>
